<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>仪表盘</title>
</head>

<body>
    <canvas id="canvas" width="500" height="500"></canvas>
</body>
<script src="./index.js"></script>
<script>
    var my_canvas = document.getElementById("canvas")
    var gauge = new Gauge({
        "tick_length": 20,
        "large_tick_length": 30,
        "tick_thickness": 1,
        "tick_group_length": 9,
        "ticks_groups_begin": 0,
        "total_degrees": 240,
        "total_tick": 101,
        "tick_color": "#a6a6ad",
        "tick_on_color": "#527d98",
        "bg_image": null,
        "gauge_scale": 1,
        "animation_duration": 1000,
        "percent": 0,
        "canvas": my_canvas
    })
    // gauge.render()
</script>

</html>